import "./login.scss";
import LoginBg from "../../assets/login-bg.png";
import Logo from "../../assets/Logo.png";
import LoginForm from "./components/login";

const styleLoginBg = {
  backgroundImage: `url(${LoginBg})`,
  backgroundRepeat: "no-repeat",
  backgroundSize: "cover",
};

function Login() {
  return (
    <div className="login-container" style={styleLoginBg}>
      <div className="login-wrap">
        <div className="login-form">
          <img src={Logo} alt="React+Hook Admin" />
          <h1>React+Hook Admin</h1>
          <LoginForm />
        </div>
      </div>
    </div>
  );
}

export default Login;
